.qrcode-search {
  padding: 20rpx;
  background: #4575C9;

  &__header {
    display: flex;
    align-items: center;
    color: #fff;
  }

  &__menus {
    padding: 0 40rpx 20rpx;
    .qrcode-search__menu {
      padding: 20rpx 0;
      border-bottom: 1rpx solid #e5e5e5;
      .qrcode-search__menu_title {
        font-size: 32rpx;
      }
      .qrcode-search__menu_tip {
        font-size: 28rpx;
        color: #999;
      }
    }
  }

  &__status_nt {
    display: flex;
    align-items: center;
    font-size: 34rpx;
    padding: 0 18rpx 0 0;

    .search__change_icon {
      margin-left: 12rpx;
      margin-top: 6%;
    }
  }

  &__arrow {
    width: 24rpx;
    height: 24rpx;
    margin-left: 8rpx;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23333'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  &__input {
    flex: 1;
    display: flex;
    align-items: center;
    height: 72rpx;
    padding: 0 24rpx;
    background: #f5f5f5;
    border-radius: 36rpx;
  }

  &__icon {
    width: 32rpx;
    height: 32rpx;
    margin-right: 16rpx;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z' fill='%23999'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  &__field {
    flex: 1;
    height: 100%;
    font-size: 28rpx;
    color: #333;
    padding: 0;
    background: transparent;

    &::placeholder {
      color: #999;
    }
  }

  &__create {
    margin-left: 20rpx;
    cursor: pointer;
  }
}
